<template>
  <div class="main-features-container">
    <section class="feature-box">
      <h2>超级选股</h2>
      <p>通过量化模型和算法，提供精准的股票组合建议。</p>
    </section>
    <section class="feature-box">
      <h2>AI提醒</h2>
      <p>根据你的投资偏好设置，AI系统将自动发出买卖信号提醒。</p>
    </section>
    <section class="feature-box">
      <h2>特色推送</h2>
      <p>订阅您感兴趣的主题和公司，第一时间获得最新的市场动态和公司新闻。</p>
    </section>
    <section class="feature-box">
      <h2>交流群</h2>
      <p>加入我们的投资交流群，和其他投资者一起讨论行情、策略等话题。</p>
    </section>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped lang="scss">
.main-features-container {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 2rem;
  margin-top: $featuresMarginTopSpace;
}

.feature-box {
  background-color: #f4f4f4;
  border: 1px solid #ddd;
  border-radius: 5px;
  padding: 1rem;
  width: 300px;
  margin-bottom: 2rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* 可以根据需要对样式进行进一步完善... */
</style>
